/* Use this with templates/template-twocol.html */

.navbar {
    display: none;
}

body {
    background: #FFFFFF;
    margin: 0;
    color: #333333;
    font: x-small Georgia Serif;
    font-size: small;
    text-align: center;
}

a:link {
    color: #5588AA;
    text-decoration: none;
}
a:visited {
    color: #999999;
    text-decoration: none;
}
a:hover {
    color: #cc6600;
    text-decoration:underline;
}
a img {
    border-width:0;
}


/* Header
-----------------------------------------------
 */

#header-wrapper {
    margin:0 2% 10px;
    border:1px solid #cccccc;
}

#header-inner {
    background-position: center;
    margin-left: auto;
    margin-right: auto;
}

#header { 
    margin: 5px;
    border: 1px solid #cccccc;
    text-align: center;
    color: #666666;
}

#header span.title,
#header div.title
{
    background: transparent;
    margin: 5px 5px 0;
    padding: 15px 20px .25em;
    line-height:1.2em;
    /* text-transform:uppercase; */
    letter-spacing:.2em;
    font: normal normal 176% Verdana, sans-serif;
}

#header span.description,
#header div.description
{
    margin:0 5px 5px;
    padding:0 20px 15px;
    /* text-transform:uppercase; */
    letter-spacing:.2em;
    line-height: 1.4em;
    font: normal normal 86% Arial, sans-serif;
    color: #999999;
}

#header img {
    margin-left: auto;
    margin-right: auto;
}

#header a {
    color:#666666;
    text-decoration:none;
}

#header a:hover {
    color:#666666;
}


/* Outer-Wrapper
----------------------------------------------- */
div#outer-wrapper {
    margin:0;
    padding:10px;
    text-align:left;
    font: normal normal 100% Georgia, Serif;
}

div#sidebar-wrapper {
    float: left;
    width: 20%;
    margin-left: 2%;
    display: inline;       /* fix for doubling margin in IE */
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

div#main-wrapper {
    float: right;
    margin-right: 2%;
    width: 72%;
    display: inline;       /* fix for doubling margin in IE */
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

div#footer-wrapper {
    /* border:1px solid #cccccc; */
}

/* Headings
----------------------------------------------- */

#sidebar-wrapper h2 {
    margin:1.5em 0 .75em;
    /* font:normal normal 85% Verdana, sans-serif; */
    /* line-height: 1.4em; */
    /* text-transform:uppercase; */
    /* letter-spacing:.2.5em; */
    /* color:#999999; */
    font-size: 12px;
}


/* Posts
-----------------------------------------------
 */
h2.date-header {
    margin:1.5em 0 .5em;
    font-size: 15px;
    background: rgb(209,209,209);
    color:#999999;
}

.post {
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #cccccc;
    padding-bottom:1.5em;
    padding-left:10px;
}

.post-body {
    padding-left:15px;
}

.post h3.nnnnnnnnnnnnnnnnnn 
{
    margin:.25em 0 0;
    padding:0 0 4px;
    font-size:140%;
    font-weight:normal;
    line-height:1.4em;
    color:#cc6600;
}

.post h3.nnnnnnnnnn a, 
.post h3.nnnnnnnnnn a:visited, 
.post h3.nnnnnnnnnn strong 
{
    display:block;
    text-decoration:none;
    color:#cc6600;
    font-weight:normal;
}

.post h3.nnnnnnnn strong, 
.post h3.nnnnnnnn a:hover {
    color:#333333;
}

.post p {
    margin:0 0 .75em;
    line-height:1.6em;
}

.post-footer {
    margin: .75em 0;
    color:#999999;
    /* text-transform:uppercase; */
    letter-spacing:.1em;
    font: normal normal 76% Arial, sans-serif;
    line-height: 1.4em;
}

.comment-link {
    margin-left:.6em;
}
.post img {
    padding:4px;
    border:1px solid #cccccc;
}
.post blockquote {
    margin:1em 20px;
    border-left: solid 1px rgb(208, 208, 208);
    padding-left: 5px;
}
.post blockquote p {
    margin:.75em 0;
}
.post code {
    border: solid 1px rgb(175,175,175);
    background: rgb(230,230,230);
    margin-left: 20px;
    margin-right: 20px;
    display: block;
    width: 95%;
    padding: 10px;
}

.post pre.nnnnnnnnnn {
    display: block;
    width: 95%;
    padding: 10px;
    margin-left: 20px;
    margin-right: 20px;
    border: solid 1px rgb(255,204,51);
    background: rgb(230,230,230);
}

/* Comments
----------------------------------------------- */
#comments h4 {
    margin:1em 0;
    font-weight: bold;
    line-height: 1.4em;
    /* text-transform:uppercase; */
    letter-spacing:.2em;
    color: #999999;
}

#comments-block {
    margin:1em 0 1.5em;
    line-height:1.6em;
}
#comments-block .comment-author {
    margin:.5em 0;
}
#comments-block .comment-body {
    margin:.25em 0 0;
}
#comments-block .comment-footer {
    margin:-.25em 0 2em;
    line-height: 1.4em;
    /* text-transform:uppercase; */
    letter-spacing:.1em;
}
#comments-block .comment-body p {
    margin:0 0 .75em;
}
.deleted-comment {
    font-style:italic;
    color:gray;
}

.feed-links {
    clear: both;
    line-height: 2.5em;
}

#blog-pager-newer-link {
    float: left;
}
 
#blog-pager-older-link {
    float: right;
}

#blog-pager {   
    text-align: center; 
}

/* Sidebar Content
----------------------------------------------- */
.sidebar { 
    color: #666666;
    line-height: 1.5em;
}

.sidebar ul {
    list-style:none;
    margin:0 0 0;
    padding:0 0 0;
}
.sidebar li {
    margin:0;
    padding:0 0 .25em 15px;
    text-indent:-15px;
    line-height:1.5em;
}

.sidebar .widget, .main .widget { 
    border-bottom:1px dotted #cccccc;
    margin:0 0 1.5em;
    padding:0 0 1.5em;
}

.main .Blog { 
    border-bottom-width: 0;
}

/* Profile 
----------------------------------------------- */
.profile-img { 
    float: left;
    margin: 0 5px 5px 0;
    padding: 4px;
    border: 1px solid #cccccc;
}

.profile-data {
    margin:0;
    /* text-transform:uppercase; */
    letter-spacing:.1em;
    font: normal normal 76% Arial, sans-serif;
    color: #999999;
    font-weight: bold;
    line-height: 1.6em;
}

.profile-datablock { 
    margin:.5em 0 .5em;
}

.profile-textblock { 
    margin: 0.5em 0;
    line-height: 1.6em;
}

.profile-link { 
    font: normal normal 76% Arial, sans-serif;
    /* text-transform: uppercase; */
    letter-spacing: .1em;
}

/* Footer
----------------------------------------------- */
#footer {
    width:660px;
    clear:both;
    margin:0 auto;
    padding-top:15px;
    line-height: 1.6em;
    /* text-transform:uppercase; */
    letter-spacing:.1em;
    text-align: center;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #header { 
    margin-left: 0px;
    margin-right: 0px;
}
